import { useEffect } from 'react';
import { useSearchParams } from 'react-router-dom';
const BuyersGuide = () => {
  const [searchParams] = useSearchParams();
  const category = searchParams.get('category');
  useEffect(() => {
    const categoryName = category ? `${category.charAt(0).toUpperCase() + category.slice(1)} Buyer's Guide` : "Buyer's Guide";
    document.title = `${categoryName} | TronoraHub`;
  }, [category]);
  return <div className="w-full bg-[#0d0d10] pt-24 pb-16">
      <div className="container mx-auto px-4">
        <h1 className="text-3xl md:text-4xl font-bold font-display mb-6">
          Buyer's Guide:{' '}
          {category ? `${category.charAt(0).toUpperCase() + category.slice(1)}` : 'All Categories'}
        </h1>
        <p className="text-[#8a8f98] mb-8">
          This is a placeholder for the buyer's guide page. The full guide
          content would be displayed here.
        </p>
      </div>
    </div>;
};
export default BuyersGuide;